extends ../layout

block init
  -title = "服务订单"
  -dir = "/html/fee/detail"

block head
  link(rel="stylesheet" href= "/html/fee/fee.css")
  link(rel="stylesheet" href="/res/buttons/buttons.css")
block body
  #app
    .list
      a.address
        b(v-cloak) {{contactor}}  {{mobile}}
        span(:style="{marginTop:'1rem'}",v-cloak) {{address}}
      div
        span.feeType {{feeType}}
        span.red {{getPaymentStatus(payment_status)}}
      div(v-cloak)
        span.amount 缴费金额
        span.red {{total}}元
      div(v-if="month_number != null",v-cloak)
        span.monthNumber 缴费时段
        span {{month_number}}个月
      div
        span.timeShow 缴费时间
        span {{getTime(create_date)}}
      div.feeButtons(v-if="getIfUnpaid()",v-cloak)
         button.button.button-primary.button-rounded.button-small(@click="cancel") 取消
         button.button.button-caution.button-rounded.button-small(@click="pay") 支付

